// 快捷搜索

.e-quick-search {
    padding: 1rem;

    .e-quick-search-form {
        padding: 0;

        .input-group,
        .input-group-append,
        .input-group-prepend,
        .input-group-text,
        .form-control {
            background-color: transparent;
        }

        .input-group-text {
            border: 0;
        }

        .form-control {
            @include e-input-reset();
            @include e-input-placeholder(lighten(#575962, 6%));
            color: #575962;
            padding-left: 0;
            padding-right: 0;
        }

        i {
            font-size: 1.3rem;
            color: #64688d;
        }

        .e-quick-search-close {
            cursor: pointer;
            display: none;
            @include e-transition();

            &:hover {
                @include e-transition();
                color: e-brand-color();
            }
        }
    }
    // 默认隐藏搜索结果区域
    .e-quick-search-wrapper{
        display: none;
        margin: 1.5rem 0;
    }
    // 有结果是显示搜索结果区域
    &.e-quick-search--has-result {
        .e-quick-search-wrapper{
            display: block;
        }
    }
}